@charset "utf-8";
/*
    Author     : CSU OJT Students '10 - '11 (Jeff)
    Description:
        CSS for the agent widget.
*/

body{
    background: #31b9c5;
    margin: 0px;
    padding: 0px;
}

h1{
    color: #31b9c5;
    font-size: 14px;
    margin: 6px auto 0px auto;
    text-align: center;

    height: 48px;
    width: 188px;
}

#container {
    font-size: 10px;
    font-family: Tahoma, sans-serif;
    margin: auto;
    overflow: hidden;

    height: 380px;
    width: 300px;
}

#head_box {
    background: url(../images/agent_widget_head_box.png);
    margin: 10px auto 0px auto;

    height: 80px;
    width: 280px;
}

#logo {
    background: url(../images/logo_60x60_inv.png);
    float: left;
    margin: 10px;
    overflow: hidden;

    height: 60px;
    width: 60px;
}

#log_out {

    font-size: 12px;
    margin: auto;
    padding: 4px 10px 0px 0px;
    overflow: hidden;
    text-align: right;

    height: 16px;
    width: 190px;
}

#log_out a{

    text-decoration: none;
}


#log_out a:link,#log_out a:visited {
    color: #666;
}

#log_out a:hover,#log_out a:active {
    color: #000;
}

#company_name {
    float: left;
    margin: auto;
    overflow: hidden;
    text-align: right;

    height: 42px;
    width: 200px;
}

#agent_name{
    background: #fff;
    font-size: 12px;
    margin: 5px auto 0px auto;
    text-align: center;

    height: 16px;
    width: 280px;
}

#customer_box, #customer_box_waiting {
    margin: 5px auto 0px auto;

    height: 130px;
    width: 280px;
}

#waiting1{
    font-size: 14px;
    margin: auto;
    overflow: hidden;
    text-align: center;

    height: 18px;
    width: 270px;
}

#waiting2{
    font-size: 32px;
    font-weight:  bold;
    margin: auto;
    text-align: center;
}

#waiting3{
    background: #fff;
    float: left;
    text-align: center;

    height: 66px;
    width: 280px;
}

.customer_info {
    background: #fff;
    float: left;

    height: 64px;
    width: 280px;
}

#service_type{
    font-size: 14px;
    margin: 4px auto 0px auto;
    overflow: hidden;
    text-align: center;

    height: 18px;
    width: 270px;
}

#queue_number{
    font-size: 32px;
    font-weight:  bold;
    margin: auto;
    text-align: center;
}

#customer_form {
    background: #fff;
    float: left;
    text-align: center;

    height: 66px;
    width: 280px;
}

#customer_form form {
    margin: auto;

    width: 280px;
}

#customer_form input {
    border: 1px solid #bbb;
    margin: 0px;
    padding: 2px;
    text-align: left;
}

.cust_text{
    font-size: 16px;

    height: 20px;
    width: 232px;
}

.button_box{
    margin: 2px auto 0px auto;

    height: 36px;
    width: 240px;
}

.button_holder{
    float: right;

    height: 36px;
}

.cust_button{
    font-size: 10px;
    float: left;
    margin: 0px;
    padding: 0px;
    overflow: hidden;

    width: 78px;
}

.cust_button button{
    overflow: hidden;

    height: 30px;
    width: 78px;
}

.fix_button{
    margin: auto;
    padding: 0px;

    height: 16px;
    width: 50px;
}

.cust_button img{
    float: left;

    height: 16px;
    width: 16px;
}

.fix_button_text{
    float: left;
    font-size: 12px;
    margin: 0px 0px 0px 4px;
    text-align: left;

    width: 30px;
}

#customer_form_finish {
    background: #fff;
    float: left;
    text-align: center;

    height: 66px;
    width: 280px;
}

#customer_form_finish select {
    border: 1px solid #bbb;
    font-size: 12px;
    margin: 0px;
    padding: 2px;

    height: 26px;
    width: 238px;
}

#notice {
    background: #fff;
    color: #600;
    font-size: 12px;
    margin: 5px auto 0px auto;
    overflow: hidden;
    text-align: center;

    height: 16px;
    width: 280px;
}

#stat_container {
    margin: 5px auto 0px auto;

    height: 80px;
    width: 280px;
}

.stat_btn {
    background: #fff;
    float: left;
    margin: 0px auto 0px auto;

    height: 80px;
    width: 90px;
}

.stat_label {
    font-size: 12px;
    margin: 10px auto 0px auto;
    text-align: center;

    height: 16px;
    width: 90px;
}

.stat_info {
    font-size: 24px;
    font-weight: bold;
    margin: auto;
    text-align: center;

    height: 30px;
    width: 90px;
}

.stat_link {
    color: #999;
    font-size: 10px ;
    margin: auto;
    text-align: center;

    height: 16px;
    width: 90px;
}

.stat_link a:link, .stat_link a:visited {
    color: #666;
    text-decoration: none;
}

.stat_link a:hover, .stat_link a:active {
    color: #000;
    text-decoration: none;
}

.stat_vert_separator {
    float: left;
    font-size: 0px;

    height: 80px;
    width: 5px;
}

#stat_note{
    background: url(../images/agent_widget_stat_note_box.png);
    font-size: 9px;
    float: left;
    margin: 5px 0px 0px 0px;
    text-align: center;

    height: 12px;
    width: 280px;
}